<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>FCRE2.0--试卷详情</title>

    <link th:href="@{/assets/img/fcre.png}" rel="shortcut icon"/>
    <link th:href="@{/assets/css/bootstrap-combined.min.css}" rel="stylesheet"/>
    <link th:href="@{/assets/css/font-awesome.min.css}" rel="stylesheet"/>
    <link th:href="@{/assets/css/examstyle.css}" rel="stylesheet"/>
    <style>
    span.st1{font-size:14.0pt;font-family:SimSun;color:black;}span.tscore{font-size:12.0pt;font-family:SimSun;color:red;}span.tscore2{font-size:12.0pt;font-family:SimSun;color:blue;}span.tscore3{font-size:60.0pt;font-family:Helvetica;font-style: italic;color:red;}
    .paperheader{width:800px; border:2px; border-bottom: 2px double #080808!important;}
    .paperscore td,.paperscore th{border: 2px solid #191818; border-bottom: 2px solid #000!important;}

    </style>
</head>
<body ><!-- oncontextmenu="return false" -->
<div class="container-fluid">
	<div class="row-fluid">
		<div class="span12"  id="bver" style="background-color: #FFEB3B;text-align: center;line-height: 80px;font-size:18px;color:#f00;">  
您正在使用<b>【IE浏览器】</b>或者其它浏览器的<b>【兼容模式】</b><img th:src="@{/assets/img/ie.png}">，不能正常使用本系统的功能，建议切换到【极速模式】<img th:src="@{/assets/img/jisu.png}">或更换浏览器。<br>推荐使用<a href='http://chrome.360.cn/'>360极速浏览器</a><img th:src="@{/assets/img/360jisu.png}">的【极速模式】。
		</div>
	</div>

	<div id="mydata" class="row-fluid">
		<div class="span8">
		<div class="container">
						 
						<div class="">
									<h1>[[${paper.name}]]</h1>
									
									<br>
									<table class="paperheader" >
									  <tr>
									  <td width='500' height='41'>
									  	<span>考试时长：[[${paper.duration}]] 分钟&nbsp;&nbsp;</span>
										<span>卷面总分：[[${paper.totalscore}]]</span>
									  </td>
									  <td width='200' rowspan='3'  align='left' valign='bottom'><span class="tscore3">[[${paper.stuScore}]]</span></td>
									  </tr>
									  <tr>
									  <td>考点：&nbsp;&nbsp;[[${user.deptId}]]</td>
									  </tr>
									  <tr>
									  <td height='38'><b><span>班级： [[${user.classg}]]&nbsp;&nbsp;姓名：[[${user.userName}]]&nbsp;&nbsp; 考号：[[${user.id}]]&nbsp;&nbsp;成绩：</span></b></td>
									  </tr>
									</table><br>
									<table class="paperscore" >
										<tr >
										<th width='72' scope='col'><span class='tscore2'>题目</span></th>
										<th:block th:each="qtidmap: ${paper.qtidmap}">
										<th width='72' scope='col'><span class='tscore2' th:text="${qtidmap.value.qname}"></span></th>
										</th:block>
										</tr>
										<tr style='text-align: center;'>
										<td>得分</td>
										<th:block th:each="qtidmap: ${paper.qtidmap}">
										<td th:text="${qtidmap.value.score}"></td>
										</th:block>
										</tr>
									</table><br>
						</div>
						
					</div>
            <div class="tm_main">
            <div class="tm_container">
			<table border="0" width="100%" cellpadding="0" style="min-width:860px;">
				<tr>
					<td valign="top">
						<form method="post" id="form_paper_detail">
						<input id="id" name="id" th:value="${id}" type="hidden">
						<input id="ksid" name="ksid" th:value="${paper.ksid}" type="hidden">
						<input id="uid" name="uid" th:value="${paper.uid}" type="hidden">
                    	<div class="tm_paper">
                            
                         
                         	<div class="tm_paper_body" th:each="qtidmap: ${paper.qtidmap}">
                         		<div class="tm_paper_section"><!-- 一种题型 -->
                         			
                                	<h1  style="color:blue;" th:text="${qtidmap.value.qname}+'（'+${qtidmap.value.qscore}+'分）'"></h1>
                                	<!-- 每一道题 -->
                                	<th:block th:each="question: ${qtidmap.value.qlist}" >
                                		<span class="span-quick-nav" th:id="'quick-Q-'+${question.id}"></span>
                                		<table border="0" cellpadding="0" cellspacing="0" class="tm_paper_question" style="table-layout:fixed;">
                                    	<thead>
                                        	<tr style="background-color: #efebeb;">
                                            	<th valign="top" class="tm_question_lineheight"><cite th:text="${#ids.seq('')}"></cite></th>
                                                <td class="tm_question_lineheight" th:utext="${question.name}"></td>
                                                <td class="tom_exam_score">
                                                <img th:if="${question.stuscore}==0" th:src="@{/assets/img/error.png}" />
                                                <img th:unless="${question.stuscore}==0" th:src="@{/assets/img/success.png}" />
                                                </td>
                                            </tr>
                                        </thead>
                                        <tbody>
                                        	<tr>
                                            	<td colspan="3">
                                            	<ul th:if="${question.qtid}==1">
                                            		<li>
                                            			<label style='margin-left: 2px;' th:utext="'A.&nbsp;'+ ${question.ansA}">
                                            			</label>                                            			
                                            		</li>
                                            		<li>
                                            			<label style='margin-left: 2px;' th:utext="'B.&nbsp;'+ ${question.ansB}">
                                            			</label>
                                            		</li>
                                            		<li>
                                            			<label style='margin-left: 2px;' th:utext="'C.&nbsp;'+ ${question.ansC}">
                                            			</label>
                                            		</li>
                                            		<li>
                                            			<label style='margin-left: 2px;' th:utext="'D.&nbsp;'+ ${question.ansD}">
                                            			</label>
                                            		</li>
                                            		<li><span class=tscore>参考答案：[[${question.qans}]]</span></li>
                                            		<li><span class=tscore2>考生答案：[[${question.stuans}]]</span></li>
                                            	</ul>
                                            	<ul th:if="${question.qtid}==2">
                                            		<li>
                                            			<label style='margin-left: 2px;' th:utext="'A.&nbsp;'+ ${question.ansA}">
                                            			</label>
                                            		</li>
                                            		<li>
                                            			<label style='margin-left: 2px;' th:utext="'B.&nbsp;'+ ${question.ansB}">
                                            			</label>
                                            		</li>
                                            		<li>
                                            			<label style='margin-left: 2px;' th:utext="'C.&nbsp;'+ ${question.ansC}">
                                            			</label>
                                            		</li>
                                            		<li>
                                            			<label style='margin-left: 2px;' th:utext="'D.&nbsp;'+ ${question.ansD}"></span>
                                            			</label>
                                            		</li>
                                            		<li><span class=tscore>参考答案：[[${question.qans}]]</span></li>
                                            		<li><span class=tscore2>考生答案：[[${question.stuans}]]</span></li>
                                            	</ul>
                                            	<ul th:if="${question.qtid}==4">
                                            		<li>
                                            			<label style='margin-left: 2px;' th:utext="'A.&nbsp;'+ ${question.ansA}">
                                            			</label>
                                            		</li>
                                            		<li>
                                            			<label style='margin-left: 2px;' th:utext="'B.&nbsp;'+ ${question.ansB}">
                                            			</label>
                                            		</li>
                                            		<li><span class=tscore>参考答案：[[${question.qans}]]</span></li>
                                            		<li><span class=tscore2>考生答案：[[${question.stuans}]]</span></li>
                                            	</ul>
                                            	<ul th:if="${question.qtid}>=18 and ${question.qtid}<=20">
                                            		<li><span class=tscore2 th:utext="${question.stuans}"></span>
                                            		</li>
                                            	</ul>
                                            	</td>
                                            </tr>
                                        </tbody>
                                    	</table>
                                	</th:block>
                                	
                                </div>
                         	</div>
                         </div>
                         </form>
                     </td>
                 </tr>
               </table>
            </div>                            
            </div>		
		</div>
		<div class="span4">
            <div id="div_processor">
				<div id="div_processor_fastto">
					<dl>
						<dt>设置题目文字大小</dt>
						<dd>
							<a href="javascript:void(0);" onclick="tmPaperFont(1)" id="tm_font_1" class="tm_font tm_font_min tm_font_on">A</a>
							<a href="javascript:void(0);" onclick="tmPaperFont(2)" id="tm_font_2" class="tm_font tm_font_mid">A</a>
							<a href="javascript:void(0);" onclick="tmPaperFont(3)" id="tm_font_3" class="tm_font tm_font_max">A</a>
							<button class="btn btn-warning btn-rounded btn-sm" onclick="printpage()"><i class="fa fa-print"></i>&nbsp;打印</button>
						</dd>
					</dl>
					<dl th:each="qtidmap: ${paper.qtidmap}">
						<dt th:text="${qtidmap.value.qname}"></dt>
						<dd>
							<th:block th:each="question: ${qtidmap.value.qlist}" >
								<a th:if="${question.stuscore}==0" class="wrong" href="javascript:void(0);" th:onclick="'moveToQuestion(\''+${question.id}+'\')'" th:id="'fast_'+${question.id}" th:text="${#ids.seq(' ')}" ></a>
								<a th:unless="${question.stuscore}==0" class="finished" href="javascript:void(0);" th:onclick="'moveToQuestion(\''+${question.id}+'\')'" th:id="'fast_'+${question.id}" th:text="${#ids.seq(' ')}" ></a>
								
							</th:block>
							<div class="tm_clear"></div>
						</dd>
					</dl>
				</div>
			</div>		
		</div>
	</div>
</div>

<!-- 全局js -->
<script th:src="@{/assets/js/jquery.min.js}"></script>
<script th:src="@{/assets/js/bootstrap.min.js}"></script>
<script th:src="@{/assets/plugins/blockUI/jquery.blockUI.js}"></script>
<script th:src="@{/assets/plugins/fullscreen/jquery.fullscreen.js}"></script>

<script th:src="@{/assets/plugins/layer/layer.min.js}"></script>
<script th:src="@{/assets/plugins/layui/layui.js}"></script>
<script th:src="@{/assets/js/common.js}"></script>
<script th:src="@{/assets/js/baseutil.js}"></script>
<script th:src="@{/assets/js/ui.js?v=3.1.0}"></script>
<script th:inline="javascript"> var ctx = [[@{/}]]; </script>

<script th:src="@{/assets/js/ckobject.js}"></script>
    <script>

    $(function(){ 
    	bver=(CKobject.Platform()+' '+CKobject.browser()['B']+' v'+CKobject.browser()['V']);
    	if(bver.indexOf("IE v") >0) {
    		$("#bver").show(); 
    		$("#mynav").hide();
    		$("#mydata").hide();
    	}	else{
    		$("#bver").hide();
    		$("#mynav").show();
    		$("#mydata").show();
    	}
    	$(".tm_paper_section h1").click(function(){
			$(this).parent().children(".tm_paper_question").toggle();
		});
		tm_pid=$("#id").val();
		tm_uid=$("#uid").val();
    })
    function moveToQuestion(qid){
		var thetop = $("#quick-Q-" + qid).offset().top-50;
		$("html:not(:animated),body:not(:animated)").animate({ scrollTop: thetop}, 500);
	}
    function tmPaperFont(i){
		$("#tm_font_1").removeClass("tm_font_on");
		$("#tm_font_2").removeClass("tm_font_on");
		$("#tm_font_3").removeClass("tm_font_on");
		$("#tm_font_"+i).addClass("tm_font_on");

		var v_font_size = "12px";
		var v_line_height = "20px";
		if(i==2){
			v_font_size = "18px";
			v_line_height = "30px";
		}else if(i ==3){
			v_font_size = "24px";
			v_line_height = "35px";
		}
		
		$(".tm_paper_question thead tr td").css({"font-size":v_font_size, "line-height":v_line_height});
		$(".tm_paper_question thead tr td *").css({"font-size":v_font_size, "line-height":v_line_height});
		$(".tm_paper_question tbody tr td *").css({"font-size":v_font_size, "line-height":v_line_height});
	}
    function printpage(){
    	$("#div_processor").hide();
    	window.print();
    }
	//document.oncontextmenu= function(){return false;}
    </script>
<style>
#backtotop {
     width: 24px;
     color: white;
     padding: 12px 0px 12px 5px;
     display: none;
     position: fixed;
     cursor: pointer;
     text-align: center;
     z-index: 20;
     background-color: rgba(0, 188, 212, 0.65);
     border-radius: 12px 0px 0px 12px;
}
</style>
<div id="backtotop" style="right: 0px;display: none;">回到顶部</div>
<script>
var $backtotop = $('#backtotop');
var toplrw = $(window).height() -$backtotop.height() - 20;
function moveBacktotop() {
     if(toplrw<0)toplrw=0;
     $backtotop.css({ top: toplrw,right: 0});
}
$backtotop.click(function () {
     $('html,body').animate({ scrollTop:0 });
     return false;
});

$(window).scroll(function () {
     var windowHeight = $(window).scrollTop();
     if(windowHeight > 200) {
     $backtotop.fadeIn();
     } else{
     $backtotop.fadeOut();
     }
});
moveBacktotop();
$(window).resize(moveBacktotop);

</script>    
</body>
</html>
